Vue执行方法，方法获取data值，设置data值，方法传值

#Vue执行方法，方法获取data值，设置data值，方法传值| 来源: 网络整理| 查看: 265

方法写在methods中

v-on:click="run()"

@click="run()"

方法获取data中的数据通过this.数据获取

方法设置data中的数据通过this.数据=''设置

例如通过this.list=[1,2,3]，设置list的值，让页面出循环list

可通过 @click="run('123')"，将值传到方法中

可通过 @click="run($event)"，将事件对象传到方法中，然后根据事件对象的e.srcElement设置点击标签的属性，也可以通过e.srcElement.dataset获取自定义属性

{{msg}} @click事件触发 v-on:click事件触发获取data.msg 设置data.msg {{item}} 设置List的值方法传值传递事件对象传递事件对象，并设置背景色传递事件对象，并获取自定义属性 export default { name: 'app', data () { return { msg: '123', list:[] } }, methods:{ run(){ alert("@click事件触发") }, runvon(){ alert("v-on:click事件触发") }, getMsg(){ alert("我获取到了msg"+this.msg); }, setMsg(){ this.msg="我是设置后的值" }, setList(){ for(var i = 0 ; i < 10 ; i++){ this.list.push(i) } }, sendData(a){ alert("穿过来的值是："+a) }, sendEvent(e){ console.log(e); }, sendEventSet(e){ e.srcElement.style.background="red"; }, sendEventData(e){ alert(e.srcElement.dataset.a) } } }

【本文地址】

公司简介

联系我们